@charset "utf-8";
* { padding: 0; margin: 0; }
body { font-size: 14px; font-family: Arial, "微软雅黑", sans-serif; color: #333; *font-family:"微软雅黑", Arial, sans-serif; background-color: #f6f6f6; }
input, select, label, textarea{ font-size: 12px; font-family: Arial, "微软雅黑", sans-serif; outline: none; border: none; }
img { border: none 0; }
ul, li, ol, dl, dt, dd { list-style: none; }
em, i { font-style: normal; }
a { color: #666; text-decoration: none; }
table { border: none; border-collapse: collapse; }
.div-auto { width: 1200px; margin: 0 auto; }
.div-clear { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.div-before { }
.div-before:before { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.div-after { }
.div-after:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.float-l{float: left;}
.float-r{float: right;}
.head-index{ width: 100%; color: #333; font-size: 16px;}
.head-index{ z-index: 999; top: 0;}
#sub-nav-wrap{width: 100%; font-size: 14px; text-align: center; height: 60px; box-sizing: border-box}
.position-f{position: fixed; top: 0; left: 0; z-index: 9;}
.sub-nav-wrap{width: 100%; height: 60px; background-color: white;border-bottom: 1px solid #e8e8e8}
.sub-nav{width: 1200px; height: 40px; padding: 10px 0;  margin: 0 auto; line-height: 40px;}
.sub-nav>div{float: left; height: 40px; cursor: pointer;background-color: #EBF2FF; border-left: 1px solid white; border-right: 1px solid white;}
.sub-nav>.sub-nav-on{background-color: #528EFF; color: white}
.sub-nav>div:hover{background-color: #528EFF; color: white; -webkit-transition: all 0.3s linear; transition: all 0.2s linear;
    -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear;}
.text-center{text-align: center}
.head-time{ width: 100%; height: 32px; background-color: #ebebeb;border-bottom: 1px solid #dbdbdb;}
.time-box{ max-width: 1200px; margin:0 auto; height: 32px;}
.time-box p{ height: 32px; width: auto; line-height: 32px; text-align: center;}
.time-box p>span{ font-size: 14px; padding: 0 10px;}
.contect-us span{border-right: 1px solid #d1d1d1;}
.contect-us span:last-child{border-right:0;}
.contect-us span a:hover{color:#2e96ff !important;cursor:pointer}

.head-nav{ width: 100%; min-width:1200px; height: 100px; background-color: #FFFFFF; }
.content-box{ max-width: 1200px; height: 100px; margin: 0 auto;}
.content-box .head-logo{ width: 200px; height: 40px; background-repeat: no-repeat; background-size: contain; margin:30px 16px 0 0; }
.head-nav .content-box p{ font-size: 18px; color: #999999; margin-top: 50px;}
.content-box .nav-links{ height: 100px; position: relative; }


.nav-box{ height: 36px; margin-top:30px; }
.nav-box a{ display: block; float: left; height: 33px; line-height: 33px; text-align: center; margin: 0; padding: 0 20px; }
.b-border{ width: 68px; height:3px; background-color: #306cdb; position:absolute; }
.nav-box a.active + .b-border{ display:block;}
.nav-box a.leave + .b-border{ display:none;}

/* .content-box .nav-links > a.{ border-bottom: 3px solid #306cdb;}  */
/* .content-box .nav-links > a.active{ border-bottom: 3px solid #306cdb;} */
.index-icons{width: 25px;height: 21px;}
.project-intro{ width: 100%; height: 44px;font-size: 16px; line-height: 44px; background-color: #306cdb;}
.project-intro .content-box{width: 1200px;height: 44px;}
.project-intro .intro-title{position:relative;z-index:5; display: inline-block;padding:0 23px 0 10px; height: 44px; line-height: 44px; text-align: center; color: #FFFFFF;}
.project-intro .ming,.project-intro .jun{position:relative;}

.intro-background{position: absolute;z-index:1; width: auto; height: 44px;left:0}
.intro-background div{ float:left;}
.intro-background .arror{position: relative;z-index:2;width:7px;height:44px;background-image:url(../../site/image/home/arror.png);background-repeat:no-repeat;}
.intro-background .block{position: relative;z-index:2;width:85px;height:44px;background:url(../../site/image/home/blue-bar.png)}
.intro-background .model{position:absolute;z-index:3;height:40px;background-color:#306cdb;}

.project-intro .intro-item{margin: 0 10px; position: relative;z-index:5;text-align: center; }
.project-intro .intro-item .trangle{position: absolute;display: inline-block;width: 12px;height: 8px;background-image: url(../image/trangle.png);bottom: 0;left: 50%;margin-left: -6px;display: none;}
.project-intro .intro-item a{ padding: 10px 0; color: #F0F0F0 !important;}
.project-intro .intro-item .active{color: #ffdf29 !important;}
.project-intro .intro-itema a:link {color:#FFFFFF !important;}  
.project-intro .intro-item a:hover {color:#ffdf29 !important;} 
.project-intro .intro-item a:hover+.trangle{display: inline-block;}   
.project-intro .intro-item a:active {color:#ffdf29 !important;}
.project-intro .intro-item .active+.trangle{display: inline-block;}

.project-intro .minsheng{background: url(../../site/image/home/index-icon.png) 0 -21px no-repeat;margin: 10px 3px 0 0;}
.project-intro .guofang{background: url(../../site/image/home/index-icon.png) 0 0 no-repeat;margin: 10px 3px 0 0;}


.footer-index{ width: 100%; min-width:1200px; height: auto;}
.footer-index .footer-content{width: 100%;height: 160px; background-color: #545051;}
.footer-index .footer-content .content-box{ width:100%;height: 100%;margin: 0 auto;}
.footer-index .footer-content .content-box .item{ width: 385px; margin-right:10px; height: 105px; margin-top: 30px; border-right: 1px solid #656263; text-align: center; color: #F7F7F7; }
.footer-index .footer-content .content-box .item.pd-footer{ padding-right:10px }
.footer-index .footer-content .content-box .item:last-child{ border: none; }
.footer-index .footer-content .content-box .item .footers-index{ width: 140px; height: 105px; margin: 0 auto;}
.footer-index .footer-content .content-box .item .footers-index div{ float: left; width: 60px;height: 20px;padding: 8px 0 8px 6px ;line-height: 20px;}
.footer-index .footer-content .content-box .item .footers-index div a:hover{ border-bottom: 1px solid #ffffff; }
.footer-index .footer-content .content-box .item .footers-index div a{ color: #f7f7f7; }
.footer-index .footer-content .content-box .item .info{width: 80%; height: 26px;line-height: 26px;text-align: left;margin: 0 auto;}
.footer-index .footer-content .content-box .item .tel{font-size: 22px;}
.footer-index .footer-content .content-box .item img{width: 100px; height: 100px; background-size: contain;margin-top:-10px}
.footer-index .copyright{width: 100%;height: 50px;background-color: #3a3a3a;color: #7a7a7a;}
.footer-index .copyright .content-box{ width: 1200px;height: 100%;margin: 0 auto;line-height: 50px;}
.footer-index .copyright .content-box span{ margin-left: 70px;}

.totop { width: 50px; height: 54px; background-color: #fff; border: solid 1px #f0f0f0; font-size: 12px; color: #999; text-align: center; cursor: pointer; position: fixed; bottom: 60px; right: 20px; z-index:99;}
.totop .top-img { background-image: url(../jslib/totop/icon_toTop.png); width: 23px; height: 9px; margin: 5px auto; }
.totop:hover { background-color: #2e96ff; color: #fff; border: solid 1px #2e96ff; }
.totop:hover .top-img{ background-image: url(../jslib/totop/icon_toTop_on.png); }

